<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公开信息</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f0f0f0;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            padding-top: 100px;
        }
        /* h1 {
            text-align: center;
            margin-bottom: 40px;
        } */
        h1 {
            position: fixed; /* 固定位置 */
            top: 0; /* 距离顶部为0 */
            left: 50%; /* 距离左边为50% */
            transform: translateX(-50%); /* 水平平移50%以实现居中 */
            width: 100%; /* 可选：让标题宽度占满屏幕 */
            text-align: center; /* 水平居中 */
            margin: 0; /* 清除默认外边距 */
            padding: 20px; /* 添加一些内边距 */
            background-color: white; /* 设置背景色 */
            z-index: 1000; /* 确保在最上层显示 */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
        }

        h2 {
            border-bottom: 2px solid #333;
            padding-bottom: 10px;
            margin-top: 40px;
        }
        .gallery {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }
        .gallery-item {
            margin: 10px;
            flex: 1 1 300px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.2s;
            max-width: 700px;
        }
        .gallery-item img {
            width: 100%;
            height: auto;
            display: block;
        }
        .gallery-item:hover {
            transform: scale(1.05);
        }
        .category {
            margin-bottom: 50px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>辽宁茵赛环保咨询有限公司</h1>
        
        <div class="category">
            <h2>营业执照</h2>
            <div class="gallery">
                <div class="gallery-item">
                    <img src="../image/image/one/one.jpg" alt="营业执照">
                </div>
            </div>
        </div>

        <div class="category">
            <h2>承诺书</h2>
            <div class="gallery">
                <div class="gallery-item">
                    <img src="../image/image/承诺书/承诺书.png" alt="承诺书">
                </div>
            </div>
        </div>

        <div class="category">
            <h2>联系人及联系方式</h2>
            <div class="gallery">
                <div class="gallery-item">
                    <img src="../image/image/联系人及联系方式/联系人及联系方式.png" alt="联系人及联系方式">
                </div>
            </div>
        </div>

        <div class="category">
            <h2>业务能力证明</h2>
            <div class="gallery">
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_00.png" alt="建筑1">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_01.png" alt="建筑2">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_02.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_03.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_04.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_05.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_06.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_07.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_08.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_09.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_10.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_11.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_12.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_13.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_14.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_15.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_16.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_17.png" alt="建筑3">
                </div>
                <div class="gallery-item">
                    <img src="../image/image/业务能力证明/四、业务能力证明材料_18.png" alt="建筑3">
                </div>
            </div>
        </div>

    </div>
</body>
</html>
